<template>
  <div class="describe-item">
    <div v-html="desData"></div>
  </div>
</template>

<script>
  export default {
    data () {
      return {
        desData: null
      }
    },
    created () {
      this.$http.get(`/api/borrow/borrowInfo/details?borrowOrder=${this.$route.params.borrowOrder}`)
        .then((res) => {
          if (res.data.success) {
            this.desData = res.data.data
          }
        })
        .catch((err) => {
          console.log(err)
        })
    }
  }
</script>

<style lang='scss'>
  @import '../../common/scss/_variable.scss';

  .describe-item {
    width: 100%;
    h3 {
      font-size: 29px;
      color: #333;
      height: 29px;
      line-height: 36px;
      padding-left: 10px;
      border-left: 8px solid #ff4133;
      margin: 20px 0;
      &:first-child {
        margin-top: 0px;
      }
    }
    p {
      font-size: 28px;
      line-height: 46px;
      color: #666;
      margin-bottom: 10px;
      text-indent: 2em;
    }
  }
</style>
